<!DOCTYPE html>
<html lang="en">
    <head>
        <title>NATS</title>
        <meta charset="utf-8">
        <!-- Bootstrap -->
        <link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
        <link rel="stylesheet" href="css/common.css"> 
        <link rel="stylesheet" href="css/index.css">      
    </head>
    <body>
        <!--header-->
        <header>
            <span class="logo">NATS</span>
            <span class="user"><i class="icon-user"></i>Zhang San <i class="icon-off"></i></span>
        </header>
        <!--container-->
        <div id="container" class="container-fluid">
            <div class="row">
                <!--lefter-->
                <div id="article" class="span">
                    <div id="title">
                        <ul class="breadcrumb">
                            <li class="active">所有课程：</li>
                        </ul>
                    </div>
                    <div id="subject">
                        <div class="well well-small block">
                            <div class="firsrline line">
                                <i class="icon-book"></i><a href="second.html">C++程序语言设计</a>
                                <span>60学时,2.5学分,必修</span>
                                <div class="progress progress-success progress-striped">
                                    <div class="bar" style="width: 60%;"></div>
                                </div>
                            </div>
                            <div class="secondline line">
                                开课对象：软件与微点学院软件工程专业09级
                            </div>
                        </div>
                        <div class="well well-small block">
                            <div class="firsrline line">
                                <i class="icon-book"></i><a href="second.html">C++程序语言设计</a>
                                <span>60学时,2.5学分,必修</span>
                                <div class="progress progress-success progress-striped">
                                    <div class="bar" style="width: 73%;"></div>
                                </div>
                            </div>
                            <div class="secondline line">
                                开课对象：软件与微点学院软件工程专业09级
                            </div>
                        </div>
                        <div class="well well-small block">
                            <div class="firsrline line">
                                <i class="icon-book"></i><a href="second.html">C++程序语言设计</a>
                                <span>60学时,2.5学分,必修</span>
                                <div class="progress progress-success progress-striped">
                                    <div class="bar" style="width: 34%;"></div>
                                </div>
                            </div>
                            <div class="secondline line">
                                开课对象：软件与微点学院软件工程专业09级
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!--righter-->
                <div id="aside" class="span">
                    <div id="slidebtn"><a href="#" title="收起">&gt;</a></div>
                    <p class="title">下一堂课</p>
                    <div class="nextcls">
                        <p class="time">2012年12月23日 下午2:00</p>
                        <p class="name">SSD4人机界面设计</p>
                        <p class="addr">长安校区教西D201</p>
                    </div>
                    <div class="nextcls">
                        <p class="time">2012年12月23日 下午4:00</p>
                        <p class="name">SSD4人机界面设计</p>
                        <p class="addr">长安校区教西D201</p>
                    </div>
                </div>
            </div>
        </div>

    <script src="js/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
    </body>
</html>